<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		1.练习 表单 所有函数
				文本:		<input type="text" id="ipt1" placeholder="请输入内容" />
				密码:		<input type="password" id="ipt2" placeholder="请输入密码" />
				颜色:		<input type="color" id="ipt3" value="#ff9900" />
				日期:		<input type="date" id="ipt4"  />
				日期+时间:	<input type="datetime-local" id="ipt5" />
				月份:		<input type="month" id="ipt6" />
				周(星期):	<input type="week" id="ipt7" />
				小时:		<input type="time" id="ipt8" />
				文本域:		<textarea id="ipt9"></textarea>
				from
						input 
						type=文本 text /文本域textarea/单选 radio/多选 checkbox 
						checked 
						name 
						value 
						disabled 禁用
						readonly 只读
						placeholder 提示用语
						select 下拉列表 multiple 多选 size 每次显示多少个选项 required 必选一个项填写
							option value selected disabled
							optgroup label 选项分组
						按钮
							button type=按钮 button/提交submit(默认)/重置(reset) disabled
				
				数组:存放相同数据
				
				对象:存放不同数据,但这些数据都属于同一个事物
						
				是否需要选中  全选/全不选
		2.纸质 字符串方法
				charAt()			返回在指定位置的字符。
				charCodeAt()		返回在指定的位置的字符的 Unicode 编码。
				concat()			连接两个或更多字符串，并返回新的字符串。
				fromCharCode()		将 Unicode 编码转为字符。
				//////////////////////////////////////////////////
				indexOf()			返回某个指定的字符串值在字符串中首次出现的位置。
				includes()			查找字符串中是否包含指定的子字符串。
				
				lastIndexOf()		从后向前搜索字符串，
									并从起始位置（0）开始计算返回字符串最后出现的位置。
							
				slice()				提取字符串的片断，并在新的字符串中返回被提取的部分。
				split()				把字符串分割为字符串数组。
				
				startsWith()		查看字符串是否以指定的子字符串开头。
				substr()			从起始索引号提取字符串中指定数目的字符。
				
				substring()			提取字符串中两个指定的索引号之间的字符。
				toLowerCase()		把字符串转换为小写。
				
				toUpperCase()		把字符串转换为大写。
				trim()				去除字符串两边的空白
		3.渲染页面的案例写一遍
		<div id="box">
			<div id="entry">
				
			</div>
			<div id="show">
				<table id="tab">
					<thead>
						<tr>
							<th>ID(id)</th>
							<th>姓名(user)</th>
							<th>年龄(age)</th>
							<th>性别(sex)</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody id="tbody">
						
					</tbody>
				</table>
			</div>
		</div>
		<script>
			var arr=[
				{id:1,user:"张倩",age:18,sex:1},
				{id:2,user:"张翰林",age:17,sex:0},
				{id:3,user:"和媛媛",age:19,sex:1},
				{id:4,user:"邢镇",age:18,sex:0}
			]
			
			var tbody=document.getElementById("tbody");
			tbody.innerHTML="";//清空tbody;
			
			var trs="";
			for(var i=0;i<arr.length;i++){
				trs+="<tr>"+
				"<td>"+arr[i].id+"</td>"+
				"<td>"+arr[i].user+"</td>"+
				"<td>"+arr[i].age+"</td>"+
				"<td>"+(arr[i].sex=="0"?"小哥哥":"小姐姐")+"</td>"+
				"<td>"+
				"<a class='edit' onclick=myEdit("+JSON.stringify(arr[i])+")> 编辑 </a>"+
				"<a class='delete' onclick=myDelete("+arr[i].id+")> 删除 </a>"+
				"</td>"+
				"</tr>"
			}
			
			tbody.innerHTML=trs;
			
			
			function myEdit(obj) {
				console.log("你要编辑的数据是:",obj)
			}
			
			function myDelete(id){
				console.log("你要删除的数据id是:",id);
			}
			
			var obj={
				user:"张倩",
				age:16,
				sex:1
			}
			
			console.log("obj:",obj,typeof obj);
			var str=JSON.stringify(obj);
			
			
			console.log("str:",str,typeof str);
			
			
			var obj2=JSON.parse(str);
			console.log("obj2:",obj2);
			
		</script>
	</body>
</html>
